<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <title>HTML5 title</title>
	<meta charset="UTF-8">
  </head>

<script type="text/javascript"> 
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
 
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
  <body>
    <!--This text is a comment<img src="../static/images/baby.JPG" alt="baby picture" height=20% width=20%>-->
	<img src="../static/images/baby_small.JPG" alt="baby picture 2">
    <h1 class="hello-world">Hello, world!</h1>
	<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onmousemove="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()"></div>
	<div id="xycoordinates"></div>
	
	<div><input type="text" value="this button"></div>
	
  </body>
</html>